<template>
 <div>
    这是一个文本插值的例子: {{ message }} <br>
    {{ a+b }}
    v-html的使用方式：主要解决包含html标签的内容:{{ msg }}
    <p>去掉html的标签内容：<span v-html="msg"></span></p>
</div>
<div>
    对count进行自增操作：{{ count }} <br>
    <button @click="count++">点击自增count数据</button>
</div>

</template>
<script >
export default {
    // 响应式函数
    data() { 
        return {
            message: 'hello vue',
            msg: '<span style="color:red">这是包含html的标签数据</span>',
            count: 0,
            a: 10,
            b:20
        }
    }
}

</script>